<template>  
  <el-row :gutter="10">
    <el-col :span="tableName?8:24">
      <TableList size="small" ref="TableListRef" @select="onTableSelect" @dataSourceChange="($event)=>dataSource=$event" fromType="data"/> 
    </el-col>
    <el-col :span="tableName?16:0" v-if="tableName"> 
        <TableDataList size="small" ref="TableDataListRef" v-model="tableName" :dataSource="dataSource"/>   
     </el-col>
  </el-row>
</template>

<script>
import TableDataList from './TableDataList.vue' 
import TableList from '../meta/TableList.vue' 

export default {
  name: 'dm', 
  components:{
    TableDataList,TableList
  },
  data() {
    return {
      dataSource:'master',
      tableName:''
    }
  },
  methods: { 
    onTableSelect(tableInfo){ 
     this.tableName=tableInfo.tableName    
   }
  },
  mounted() {
  }
}

</script>

<style scoped>
</style>
